<template>
  <div class="wrap">
    <ThreeSceneComponent></ThreeSceneComponent>
    <chatComponent></chatComponent>
  </div>
</template>
<script>
import { ref , onMounted } from 'vue'
import { MetahumanEventType } from '@/mitt/MetahumanEventType.js'
import emitter from '@/mitt/emitter.js'
import { store } from '@/store/main.js'
import chat  from './chat.vue';
import ThreeScene from './three.vue';



export default  {
  name: 'chat',
  components:  {
    chatComponent:chat,
    ThreeSceneComponent:ThreeScene,
   },
  props:  {},
  data: () =>  {
    return  {};
  },
  computed: {
    
  },
  beforeCreate() {

  },
  created() {
  },
  beforeMount() {

  },
  mounted() {
   
  },
  beforeUpdate() {
  },
  updated() {
  },
  beforeDestroy() {
   
  },
  destroyed() {
  },
  methods:{
    
  }
}

</script>

<style scoped lang="less">
.wrap
{
  width: 100%;
  display: flex;
}

</style>